<%--<div class="header">--%>
<%--    <a href=""><img id="logo_img" src="static/img/logo.png"></a>--%>
<%--</div>--%>

<link type="text/css" rel="stylesheet" href="static/header.css">
<script type="text/javascript" src="static/js/header.js?v=1.0.0.4"></script>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<nav class="navbar navbar-default navbar-fixed-top top" role="navigation">
    <div class="container-fluid">

        <div class="navbar-header">
            <a class="navbar-brand" href="#" style="font-weight: bold; font-size: 25px">XXX书店</a>
        </div>

        <ul class="nav navbar-default navbar-toggle">
            test
        </ul>

        <form class="navbar-form navbar-left" role="search" id="center">
            <div class="form-group">
                <input type="text" class="form-control" placeholder="搜索" id="keywordInput">
            </div>

            <div class="btn-group">
                <button type="button" class="btn btn-default" id="search" data-model="0">按书名搜索</button>
                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" style="height: 34px">
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" role="menu" id="dropdown-menu">
                    <li><a id="change" data-model="1">按作者搜索</a></li>
                </ul>
            </div>
        </form>

        <ul class="nav navbar-nav navbar-right">
            <li><a href="register"><span class="glyphicon glyphicon-user"></span> 注册</a></li>
            <li><a href="login"><span class="glyphicon glyphicon-log-in"></span> 登录</a></li>
        </ul>
    </div>
</nav>
